@charset "UTF-8";
@import "./common.scss";
@import "./header.scss";
body{ background:#eee;}
.crumb－section{@include widthAuto; margin-top: 20px;
    .crumb-main{ font-size:14px; padding:20px 0;
        i{ padding:0 5px;}
    }
}
.float-layer{ height:60px;
    .layer-main{@include widthAuto; padding:10px 0; line-height:40px;
        li {float: left; margin-right: 10px; height: 38px; line-height: 38px; border: 1px #ddd solid;border-radius: 5px;
            .ic{width: 25px;height: 22px;float: left;margin-top: 8px;margin-right: 10px;background-image: url(../img/bg_icon5.png);background-repeat: no-repeat;}
            a{display: block; height: 38px; padding: 0 12px; background: #e8e8e8; color: #000; font-size: 16px;border-radius: 4px;
                .bsyl {background-position: left -16px;}
                .ssfw {background-position: left -41px;}
                .jgtk {background-position: left -65px}
                .bswz {background-position: left -89px}
                .bspj {background-position: left -136px}
                .fwlc {background-position: left -112px}
            }
            a:hover{background: #cfa972;color:$white;
                .bsyl{background-position: -25px -16px;}
                .ssfw {background-position: -25px -41px;}
                .jgtk {background-position: -25px -65px}
                .bswz {background-position: -25px -89px}
                .bspj {background-position: -25px -136px}
                .fwlc {background-position: -25px -112px}
            }
        }
            
        li.cur{
            a {background: #cfa972;color: $white;
                .bsyl{background-position: -25px -16px}
                .ssfw {background-position: -25px -41px}
                .jgtk {background-position: -25px -65px}
                .bswz {background-position: -25px -89px}
                .bspj {background-position: -25px -136px}
                .fwlc {background-position: -25px -112px}
            }
        }
    }
}
#cloneFloatLayer{ background:$white; position: fixed; top: 0; left: 0; display: none; height: 60px; width: 100%; z-index: 100;
    .n-btn{ width: 290px; position: absolute; left: 50%; top: 10px; font-size: 16px; margin-left: 280px;
        .ljyd-btn{ width: 150px; height: 40px; background: #a48930; color: $white; border-radius: 5px; line-height: 40px; text-align: center; float: left;}
        .icon-con{ margin-left: 18px; float: left; padding-top: 4px;
            a{ margin-right: 3px;}
            .sc-btn,.share-btn{ margin-top: 3px;width: 32px; height: 32px; float: left; position: relative;}
            .sc-btn{ background: url(../img/n_sc_icon.png) no-repeat;}
            .sc-btn.cur{ background: url(../img/n_sc_hover_icon.png) no-repeat;}
            .share-btn{ width: 66px;
                .s-pic{ float: left;}
                .s-a{ width: 32px; position: absolute; right: 0; top: 0; float: left; display: none;}
            }
        }
    }
}
.detail-pic-section{@include widthAuto;
    .pic-main{}
    .pic-con{ width:800px; float:left;
        .title-con{ position: relative; width: 100%;
            .title{ font-size:18px; font-weight:bold; height:50px; line-height:50px;}
            .sc-btn{ line-height: 50px; padding-left: 10px; font-size: 16px; position: absolute; right: 0; top: 30px;
                span{ float: left;}
                i{ width: 33px; height: 34px; float: left; background: url(../img/sc_icon.png) no-repeat; position: relative; top: 7px; margin-left: 5px;}
                i.cur{ background: url(../img/sc_hover_icon.png) no-repeat;}
            }
            .star-con{ padding: 0 0 10px; margin-top: -10px;
                .star{ width: 20px; height: 20px; background: url(../img/star.png) no-repeat; display: inline-block; margin-right: 5px;}
            }
        }
        .pic-slide-con{ width:100%; height:430px; position: relative; margin-bottom:10px;
            .btn-items{ width: 100%; height: 98px; position: absolute; z-index: 10; top: 50%; margin-top: -49px;
                a{ width: 45px; height: 98px; display: block;}
                .left-btn{ background: url(../img/n_arr_l_btn.png) no-repeat; float: left;}
                .right-btn{ background: url(../img/n_arr_r_btn.png) no-repeat; float: right;}
            }
            img{ width:800px; height:430px;}
            .pic-items{ position:absolute; z-index:1; width: 100%; height: 430px;
                .items{
                    li{ display: none;}
                    li:first-child{ display: block;}
                }
            }
            .slide-btn{ width: 100%; height: 22px; padding-top: 10px; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 2;
                a{ width: 12px; height: 12px; border-radius: 6px; background: $white; display: inline-block; margin:0 5px;}
                a.cur{ background: #e76809;}
            }
        }
    }
    .text-con{ width:310px; float:right; 
        .share-cont{ height: 43px; overflow: hidden; font-size: 16px; line-height: 32px; padding-top: 30px; text-align: right;
            span,a{ display: inline-block; margin-right: 5px; margin-top: 8px;}
        }
        .js-content{background: $white; padding: 10px;
            .js-con{ height: 310px; overflow: hidden;font-size: 15px;
                .text-js{ background: url(../img/l_dh_icon.png) no-repeat left top; height: 84px; overflow: hidden; padding-left: 20px; border-bottom: 1px #ddd solid; padding-bottom: 10px;
                    p{ padding-right: 20px;background: url(../img/r_dh_icon.png) no-repeat right bottom; min-height: 95px;
                        a{color:#a48930; }
                    }
                }
                .ts-con{ margin-top: 6px;
                    p{ line-height: 34px;}
                }
            }
            .price-con{ height: 55px; line-height: 55px;  border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;
                p{ float: left; width: 50%;}
                .pa{ color:#a48930; font-size: 20px;
                    strong{ font-size: 30px;}
                }
                .pb{ font-size: 18px; padding-top: 4px; color: $c999;
                    strong{ text-decoration: line-through;}
                }
            }
            .yuding-con{ margin-top: 10px;
                .yb-btn{ background: #a48930; color: #fff; border-radius: 5px; font-size: 18px; text-align: center;; line-height: 42px; display: block;}
            }
        }
    }
}
.detail-text-section{
    .text-main{ @include widthAuto;
        .main-left{ width:800px;
            .title{ overflow: hidden; font-size: 18px;  margin-bottom: 10px;
                strong{ height: 40px; border-bottom: 5px #a48930 solid; display: inline-block; line-height: 40px;}
                .icon{ width: 51px; height: 51px; float: left; background-repeat: no-repeat; margin-right: 10px;}
                .wljs-icon{ background-image: url(../img/wfjs_icon.png);}
            }
            .model-section{ padding: 15px 0;
                .content{ font-size: 16px; color: $c666; line-height: 26px; background: $white; padding: 30px;
                    .c_red{ color: #e92f2f;}
                    img{ max-width: 100%;}
                }
                .xc-content{font-size: 16px; color: $c666; line-height: 26px; background: $white; padding:10px 30px 30px 30px;
                    .xc-tit{ margin-top: 20px;}
                    .jhxx-con{
                        table{ width: 100%; text-align: center; line-height: 20px;border-left: 1px #ddd solid; border-top: 1px #ddd solid;
                            td{ border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; padding: 10px 0; }
                        }
                    }
                    .pic-items{ margin-top: 20px;
                        li{ width: 30%; margin-right: 3%; float: left;
                            img{ width: 100%;}
                        }
                    }
                    .xc-items{ margin-top: 10px; border-bottom: 1px #ddd solid;
                        li{ padding: 5px 0 5px 90px;
                            label{ width: 90px; float: left; margin-left: -90px;}
                        }
                    }
                }
                .zbjd-mian{ padding-top: 10px;
                    .items{
                        li{ width: 255px; float: left; margin-right: 10px; padding-left: 110px; overflow: hidden;
                            img{ width: 100px; height: 100px; float: left; margin-left: -110px;}
                            .tit{ overflow: hidden; height: 30px; line-height: 30px;
                                .price{ float: right; color: #b31a28; font-size: 25px;}
                                i{ background: #f1756b; width: 18px; height: 18px; border-radius: 9px; text-align: center;line-height: 18px; color: #000; display: inline-block;}
                            }
                            .text{ color: $c999;}
                        }
                    }
                }
            }
            .model-section.last{border-bottom: none;}
        }
        .main-right{ width:310px; margin-top: 15px;
            .history-con{  background: $white;padding: 15px; margin-top: 55px;
                h2{ font-size: 18px;}
                .items{
                    li{ margin-top: 20px; padding-left: 110px; overflow: hidden;
                        img{ width: 100px; height: 100px; margin-left: -110px; float: left;}
                        strong{ display: block; text-align: right; font-size: 18px; font-weight: bold; color: #a48930;}
                        em{ display: block; text-align: right; font-size: 14px;color: #a48930; text-decoration: line-through;}
                        p{ line-height: 22px; height: 66px; overflow: hidden;}
                    }
                }
            }
            .yd-con{ border: 1px #b31a28 solid; background: #eeeded; padding: 15px; margin-top: 15px;
                .tip{ font-size: 20px; color: #a89c82;}
                .yd-btn-con{ padding-top: 10px;
                    a{ display: block; background: #b31a28; color: $white; text-align: center; line-height: 50px; font-weight: bold; font-size: 26px;}
                }
                .share-con{ padding-top: 10px; text-align: center;
                    li{ display: inline-block; padding: 0 5px;
                        a{ width: 40px; height: 41px; display: block;}
                        .qq{ background: url(../img/qq_weibo_Icon.png) no-repeat;}
                        .sina{ background: url(../img/sina_weibo_Icon.png) no-repeat;}
                        .wx{ background: url(../img/weixin_weibo_Icon.png) no-repeat;}
                    }
                }
            }
        }
        .main-right.fixed{
            position: fixed; top: 40px; left: 50%; margin-left: 258px; z-index: 10;
        }
    }
}
//弹出层
.yuding_box{ width: 860px; height: 580px; display: none; padding: 10px; background: $white; border-radius: 4px;
    .close-btn{display: block;position: absolute;right: 21px;top: 6px;border: none;padding: 6px;border-radius: 4px; background: #b31a28; display: none;
        img{ display: block;}
    }
    .yd-left{ float: left; width: 500px;
        .h-t{ line-height: 30px; margin-bottom: 10px;
            .items{ float: right; width: 270px;
                li{ width: 90px; float: left; text-align: right;
                    b{width: 11px;height: 10px;line-height: 12px; border:1px solid; display: inline-block;margin-right: 5px}
                    b.f-a{background: #e3e3e3;border-color: #d3d3d3;}
                    b.f-b{background: #fff;border-color: #e3e3e3;}
                    b.f-c{background: #a48930;border-color: #a48930}
                }
            }
            .sy-date{ float: left; font-size: 18px;}
        }
        .year-month {
            font-size: 18px;
            line-height: 26px;
            background: #a48930;
            padding: 10px 18px;
            color: #fff;
            text-align: center
        }

        .year-month .month-lft,.year-month .month-rgt {
            border-radius: 50px;
            display: block;
            width: 30px;
            height: 30px;
            float: left;
            cursor: pointer
        }

        .year-month .month-rgt {
            float: right;
            cursor: pointer
        }

        .year-month .month-lft b,.year-month .month-rgt b {
            display: block;
            margin-left: 8px;
            margin-top: 6px;
            width: 11px;
            height: 19px;
            background-image: url(../img/tourbeta-sku-icon.png);
            background-repeat: no-repeat
        }

        .year-month .month-lft b {
            background-position: left -25px
        }

        .year-month .month-rgt b {
            background-position: right -25px;
            margin-left: 12px
        }

        .year-month .month-lft:hover,.year-month .month-rgt:hover {
            background-color: #fc3a9a
        }

        #myDateTime table {
            width: 100%
        }

        #myDateTime table tr:first-child td {
            background: #dedede;
            color: #333;
            border: 1px solid #c2c2c2
        }

        #myDateTime td {
            border: 1px solid #d2d2d2;
            text-align: center;
            cursor: pointer;
            padding: 3px;
            font-size: 14px;
        }
        #myDateTime td div{
            line-height: 20px;
        }
        #myDateTime table td.usable {
            color: #000
        }

        #myDateTime table td.usable:hover {
            background: #b31a28;
            color: #fff
        }

        #myDateTime table td.nousable {
            color: #999;
            background: #f1f1f1
        }

        #myDateTime table td.selected {
            color: #fff;
            background: #a48930
        }
        .tcxz-content{ margin-top: 20px;
            h2{ font-size: 18px;}
            .tcxz-items{ margin-top: 5px; max-height: 150px; overflow: auto;
                span{background: #fff;display: inline-block;zoom: 1;border: 1px solid #d3d3d3;padding: 2px 15px;margin-right: 10px;border-radius: 4px;cursor: pointer;margin-top: 5px}
                span:hover,span.cur{border: 1px solid #a48930;background: #a48930;color: #fff}
                span.disableSku {background: #f3f3f3;color: #999;border: 1px solid #d3d3d3;}
                span.disableSku:hover {border: 1px dotted #e1e1e1;background: #efefef; }
            }
        }
        #fjfw-content{ display: none;}
    }
    .yd-right { width: 300px; border:1px #ddd solid; overflow: hidden; height: 560px; padding: 10px 10px 0 15px;float: right;margin-right: 20px;font-size: 14px;
        .bg02 {  padding: 10px;}
        p {padding: 2px 0}
        b.tips {color: #f97743}
        .field-ctn {border-top: 1px dashed #d2d2d2;margin-top: 15px; }
        .field-ctn.rsxz{height: 210px; overflow: auto;}
        #fjtc-text .field-select:first-child{ border-top: 1px #ddd  dashed; padding-top: 10px;}
        .field-title {font-size: 18px;}
        .field-text {margin-top: 8px;}
        #tripInfo{ max-height: 72px; overflow: auto;}
        .field-type {line-height: 30px;width: 130px; height: 30px; float: left; overflow: hidden;}
        .num-counter {height: 28px;width: 82px;margin-left: 5px; float: left;
            .add,.reduce{width: 14px;height: 14px;margin-top: 7px;line-height: 10px;display: block;float: left;cursor: pointer;text-align: center;border: 1px solid #D5D5D5;font-size: 28px;color: #999}
            .add { float: right; font-size: 20px; line-height: 14px}
            .add:hover,.reduce:hover {color: #fff;background: #a48930;border: 1px solid #b31a28}
            input {float: left;margin: 0 6px;line-height: 20px;width: 36px;border: 1px solid #d9d9d9;font-size: 16px;height: 26px;vertical-align: top;outline: 0;text-align: center}
        }
        .field-range {font-size: 12px; height: 24px;}
        .field-price {line-height: 30px;font-size: 16px;color: #b31a28;text-align: center}
        .field-ctn.gmxg {
            text-align: center
        }
        .field-ctn{
            .total {color: #333;margin-top: 20px;font-size: 18px}
            .total b {font-size: 22px}
            .saving {font-size: 14px;color: #666;margin-top: 8px}
            .btns {background: #a48930;font-size: 18px;width: 205px;height: 60px;line-height: 60px;margin: 15px auto auto;border-radius: 6px;text-align: center;color: #fff;cursor: pointer}
            .btns:hover {
                background: #a48930
            }
        }
        .field-ctn.error b {background: url(../img/icon-error.png) left center no-repeat;padding: 3px 13px;font-size: 14px}
        .field-ctn.tel400 {background: url(../img/tourbeta_box_wenhao.png) 10px 10px no-repeat;padding-left: 45px;padding-top: 10px}
        .field-ctn.tel400 b {font-weight: 400;font-size: 16px}
    }
}



@import "./footer.scss";